<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetStore</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <link rel="stylesheet" href="../css/main.css"/>
    <noscript>
        <link rel="stylesheet" href="../css/noscript.css"/>
    </noscript>
</head>
<body class="is-preload">
<div id="wrapper">
    <div th:replace="common/top">

    </div>
    <section id="banner" class="style2">
        <div class="inner">
							<span class="image">
								<img src="../images/pic07.jpg" alt=""/>
							</span>
            <header class="major">
                <h1 >My Orders</h1>
            </header>
        </div>
    </section>
    <table>
        <tr>
            <th>Order ID</th>
            <th>Date</th>
            <th>Total Price</th>
        </tr>

        <section th:each="order:${session.orderList}">
            <tr>
                <td>
                    <a th:href="@{/order/comfirmToShowServlet(orderId=${order.orderId})}" th:text="${order.orderId}">${order.orderId}</a>
                </td>
                <td th:text="${#dates.format(order.orderDate, 'yyyy-MM-dd')}">money</td>
                <td th:text="'$'+${#numbers.formatDecimal(order.totalPrice,1,'COMMA',2,'POINT')}">money</td>
            </tr>
        </section>
    </table>
    <div th:replace="common/bottom">

    </div>
</div>

</body>
</html>